$(function () {
    init_shop_list();
    add_product();
});

// function to_spare_store () {
//     $('#to-spare-store').click(() => {
//         $('#to-spare-store').attr('class', 'btn btn-success');
//         $('#to-spare-store').text('正在跳转..');
//         setTimeout("window.location.href = '/page/purchaser-spare.html'", 1500);
//     });
// }

// function add_product() {
//     $('#add-product').click(() => {
//         $('#add-product').attr('class', 'btn btn-success');
//         $('#add-product').text('正在跳转..');
//         setTimeout(function () {
//             window.location.href = '/page/purchaser-addproduct.html';
//         }, 1500);
//     });
// }

function init_shop_list() {
    $.ajax({
        url: '/spares-list',
        type: 'GET',
        dataType: 'JSON',
        success: function (data) {
            if (data.status) {
                var result_list = new Array(data.result);
                result_list.forEach((value, _idx, _arr) => {
                    value.forEach((sub_value, _sub_idx, _sub_arr) => {
                        $s_body = `
                            <tr>
                                <td>${sub_value['id']}</td>
                                <td>${sub_value['name']}</td>
                                <td>${sub_value['num']}</td>
                                <td>
                                    <!-- <button class="btn btn-danger btn-sm delete-button" uid="${sub_value['id']}">删除</button> -->
                                    <!-- <button class="btn btn-warning btn-sm edit-button" uid="${sub_value['id']}">编辑</button> -->
                                    <button class="btn btn-success btn-sm select-button" uid="${sub_value['id']}">查看</button>
                                </td>
                            </tr>
                        `;
                        $('#table-body').append($s_body);
                    });
                });
                // edit_product();
                // delete_product();
                select_product();
            } else {
                alert('获取商品数据失败，请检查后台重试');
            }
        }
    });
}

function add_product() {
    $('#add-button').click(function () {
        $('#add-Modal').modal('show');
    })
    $('#add-confirm').click(() => {
        if ($('#add-name').val() != '' && $('#add-image').val() != '' && $('#add-num').val() != '') {
            $.ajax({
                url: '/add-spare',
                type: 'POST',
                dataType: 'JSON',
                data: {
                    name: $('#add-name').val(),
                    image: $('#add-image').val().substring($('#add-image').val().lastIndexOf('\\') + 1,),
                    num: $('#add-num').val(),
                },
                success: function (data) {
                    if (data.status) {
                        $('#add-confirm').attr('class', 'btn btn-success');
                        $('#add-confirm').text('正在添加..');
                        setTimeout(function () {
                            $('#add-Modal').modal('hide');
                            location.reload();
                        }, 1500);
                    } else {
                        $('#add-confirm').attr('class', 'btn btn-danger');
                        $('#add-confirm').text('添加失败');
                    }
                }
            });
        } else {
            $('#add-confirm').attr('class', 'btn btn-danger');
            $('#add-confirm').text('请完善信息后重试');
        }
    });
}

function edit_product() {
    var target_id = undefined;
    $('.edit-button').click(function () {
        var now_td = $(this).parent().parent().find('td');
        $('#edit-id').val(now_td.eq(0).text());
        $('#edit-name').val(now_td.eq(1).text());
        $('#edit-num').val(now_td.eq(2).text());
        target_id = $(this).attr('uid');
        $('#edit-Modal').modal('show');
    })
    $('#edit-confirm').click(function () {
        if ($('#edit-name').val() != '' && $('#edit-image').val() != '' && $('#edit-num').val() != '' && target_id != undefined) {
            $.ajax({
                url: `/edit-spare?id=${target_id}`,
                type: 'POST',
                dataType: 'JSON',
                data: {
                    name: $('#edit-name').val(),
                    image: $('#edit-image').val().substring($('#edit-image').val().lastIndexOf('\\') + 1,),
                    num: $('#edit-num').val(),
                },
                success: function (data) {
                    if (data.status) {
                        $('#edit-confirm').attr('class', 'btn btn-success');
                        $('#edit-confirm').text('更改成功，请稍后..');
                    } else {
                        $('#edit-confirm').attr('class', 'btn btn-danger');
                        $('#edit-confirm').text('更改失败');
                    }
                    setTimeout(function () {
                        location.reload();
                    }, 1500);
                }
            })
        } else {
            $('#edit-confirm').attr('class', 'btn btn-danger');
            $('#edit-confirm').text('请完善信息后重试');
        }
    })
}

function delete_product() {
    $('.delete-button').click(function () {
        $.ajax({
            url: `/delete-spare?id=${$(this).attr('uid')}`,
            type: 'GET',
            dataType: 'JSON',
            success: function (data) {
                if (data.status) {
                    $(this).attr('class', 'btn btn-success');
                    $(this).text('正在删除..');
                    alert('删除成功');
                } else {
                    $(this).attr('class', 'btn btn-danger');
                    $(this).text('删除失败');
                }
                setTimeout(function () {
                    location.reload();
                }, 1500);   
            }
        })
    })
}

function select_product() {
    $('.select-button').click(function () {
        var now_td = $(this).parent().parent().find('td');
        $('#select-id').val(now_td.eq(0).text());
        $('#select-name').val(now_td.eq(1).text());
        $('#select-num').val(now_td.eq(2).text());
        $('#select-id').attr('readonly', 'readonly');
        $('#select-name').attr('readonly', 'readonly');
        $('#select-num').attr('readonly', 'readonly');
        $('#select-Modal').modal('show');
    });
}